﻿@{
    ViewBag.Title = "Demo";
    var foos = new List<Orange.Mvc4App.Models.Foo>() { 
        new Orange.Mvc4App.Models.Foo { Id = 1 }, new Orange.Mvc4App.Models.Foo { Id = 2 } 
    };
    
}
@section css{
    <style type="text/css">
        #demo
        {
            border: 1px solid black;
        }
    </style>
}
<p class="message">
    @if (@ViewBag.Msg != null) {
        <img src="../../Content/images/icon-info.gif" alt="提示" />@ViewBag.Msg
    }
</p>
<div id="demo">
    <h3>
        Html5/input</h3>
    <div>
        <form action="@Url.Action("Index", "Test")" method="post">
        <input type="text" name="name" required="required" placeholder="请输入用户名" />
        <input type="submit" name="name" value="提交" />
        </form>
    </div>
    <h3>
        Modal Dialog</h3>
    <div>
        <input type="text" name="mails" id="mails" value="@ViewBag.tbVal" />
        <div id="dialog-form" title="basic dialog">
            <input type="checkbox" value="1" />苹果
            <input type="checkbox" value="2" />橘子
        </div>
    </div>
    <h3>
        文件下载</h3>
    <div>
        <ul>
            <li>
                @Html.ActionLink("算法导论", "Book1")
            </li>
            <li>
                @Html.ActionLink("ASP_NET MVC3教程", "Book2")
            </li>
        </ul>
    </div>
</div>
<div>
    <img src="../../Content/images/struts.jpg" width="40%" alt="display" />
</div>
@section script{
    @Content.Script("page/test.js", Url)
}
